<!-- how to hide divs? -->

<!--test comment from Casey -->

<!-- display the two options as buttons: My Classrooms & Find a Classroom -->
<div data-role="page" id="main">
    <div data-role='header' data-position='inline' data-theme='a'>
	    <h1>SeatMe</h1>
	    <a href="#" data-icon='add' data-transition="pop">Logout</a>

			<div id="buttons" data-role="content"> <!--center align the buttons -->
					<a href="myclassrooms"  >
						<div data-role="button" id="myclassesbutton" >My Classrooms</div>
					</a>
					<a href="search">
						<div  data-role="button" id="searchbutton">Find a Classroom</div>
					</a>

<!-- 				<div class="ui-grid-a" >
					<a href="myclassrooms"  >
						<div class="ui-block-a" data-role="button" id="myclassesbutton">My Classrooms</div>
					</a>

					<a href="search">
						<div class="ui-block-b" data-role="button" id="searchbutton">Find a Classroom</div>
					</a>
				</div> -->
			</div><!-- button -->
   	</div>

</div>


<!-- display a saved list of the user's classrooms -->
<div id="myclassrooms" data-role="page">

</div>


<!-- search page, allows user to find a specific classroom. For now we will only allow building and classroom name searches -->
<div id="search" data-role="page" >	
	<form method="get" > <!--form before div data-role? -->
		<form method="post"> <!-- post or get method? -->
			<fieldset data-role="fieldcontain">
				<label for="user">Building: </label> <!-- placeholder text, ex: Klaus, Smith, etc. -->
				<input type="text" name="building" id="building" /><!-- move input field below the label instead of next to it-->
			</fieldset>
			<fieldset data-role="fieldcontain">
				<label for="user">Room Number/Name: </label> <!-- placeholder text -->
				<input type="text" name="room" id="room" value=""/>	
			</fieldset>

			<input type="submit" value="Search" /> <!--need button? -->
		
		</form><!-- post -->
	</form><!-- get -->
</div><!-- /content -->

<div id="viewClassroom" data-role="page" >	
	<form method="get" > <!--form before div data-role? -->
		<form method="post"> <!-- post or get method? -->
		
			<div id="buttons" data-role="content"> <!--center align the buttons -->
					<a href="myclassrooms"  >
						<div data-role="button" id="myclassesbutton" >Add Attribute</div>
					</a>
					<a href="search">
						<div  data-role="button" id="searchbutton">Remove Attribute</div>
					</a>

			</div><!-- button -->
		
		</form><!-- post -->
	</form><!-- get -->
</div><!-- /content -->


<!--
<div id="content" data-role="content">
=======

	<div id="content" data-role="content">
>>>>>>> .r11
		<form name="go">
			<input type="button" name="test" value="Simple Index" onclick="simpleIndex()">
			<input type="button" name="test" value="Simple Get" onclick="simpleGet()">
			<input type="button" name="test" value="Simple Post" onclick="simplePost()">
			<input type="button" name="test" value="Simple Put" onclick="simplePut()">
			<input type="button" name="test" value="Simple Delete" onclick="simpleDelete()">
		</form>
		<div id='IndexResult'></div>
		<div id='GetResult'></div>
		<div id='PostResult'></div>
		<div id='PutResult'></div>
		<div id='DeleteResult'></div>
	</div>
</div>
-->


